<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jquery-tab栏切换</title>
	<link rel="stylesheet" href="css/index.css">
	<script src="js/jquery-3.1.0.min.js"></script>
	<script src="js/02jqueryindex.js"></script>
</head>
<body>

<div class="box">
	<div id="btns">
		<button class="active">按钮1</button><!-- 默认显示第一个 -->
		<button>按钮2</button>
		<button>按钮3</button>
		<button>按钮4</button>
		<button>按钮5</button>
	</div>
	<div id="divs">
		<div style="display: block;">我是第1页</div><!-- 默认显示第一个 -->
		<div>我是第2页</div>
		<div>我是第3页</div>
		<div>我是第4页</div>
		<div>我是第5页</div>
	</div>
</div>

	
</body>
</html>